// 常见问题
<template>
  <div class="look-problem">
    <h1>常见问题</h1>
    <ul>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
      <li>
        <h6>注册登录</h6>
        <router-link to="/">如何注册</router-link>
        <router-link to="/">如何登录</router-link>
        <router-link to="/">如何登录</router-link>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: "LookProblem"
};
</script>
<style lang='scss' scoped>
.look-problem {
  height: 750px;
  width: 100%;
  background-color: #f9f9f9;
  color: black;
  overflow: hidden;
  h1 {
    margin-top: 100px;
    font-size: 50px;
    text-align: center;
    font-weight: 600;
  }
  ul {
   margin-top: 50px;
    height: 400px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 200px;
    box-sizing: border-box;

    li {
     width: 20%;
     text-align: left;
     float: left;
     height: 200px;
      h6{
       font-size: 16px;
      }
      a{
       display: block;
       font-size: 13px;
       color: #666;
       margin-top:10px;
      }
    }
  }
}
</style>